<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>2213江晓萃的第二次作业</title> 
    <style >
          a{
             text-decoration: none;
             color: aquamarine;
          }
          p{
            margin-top: 0%;
            margin-bottom: 0%;
            color: chartreuse;
            font-size: 20px;
          }
          ul li{
            display: inline-block;
          }
          h1{
            color:cyan;
            margin-bottom: 0%;
          }
          body{
            text-align: center;
          }
          a:hover{
            color: bisque;
          }
          a:active{
            color:orange;
          }
          a:visited{
            color:grey;
          }
          nav{
            background-color: pink;
            font-size: 18px;
            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
            margin-top: 0%;
            margin-bottom: 1%;
          }
          table tr:nth-child(odd){
            background-color: khaki;
          }
          table tr:nth-child(even){
            background-color:  pink;
          }
          ul{
            margin-top: 1%;
            margin-bottom: 0%;
          }
         #top{
          display: flex;
         }
         img{
          border: 3px solid white;
         }
         footer{
          margin-top: 15%;
          color: chartreuse;
          font-size: 20px;
         }
    </style>
    </head>
    <body background="1.webp">
        <h1>关于我的大学新生活哦</h1>
        <p>(江晓萃的第二次作业)</p>
        <header>
            <nav>
             <ul>
                <li><a href="1.html" target="_blank">我的近况啦</a></li>
                <li><a href="2.html" target="_blank">我的烦心事</a></li>
                <li><a href="3.html" target="_blank">我的爱好哟</a></li>
                <li><a href="4.html" target="_blank">我的目标哈</a></li>
             </ul>
            </nav>
        </header>
        <main>
            <table align="center" width="700px" height="249px" border="1" cellspacing="0px" font-size="20px" font-weight="blod">
                <thead>计划清单</thead>
                <tr>
                <th>序号</th>
                <th>任务</th>
                <th>完成度</th>
                </tr>
                <tr>
                    <td>1</td>
                    <td>微积分</td>
                    <td>0%</td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>C语言</td>
                    <td>0%</td>
                </tr>
                <tr>
                    <td>3</td>
                    <td>web开发</td>
                    <td>100%</td>
                </tr>
                <tr>
                    <td>4</td>
                    <td>刷视频</td>
                    <td>100%</td>
                </tr>
                <tr>
                  <td>总结</td>
                  <td colspan="2">eeeeeeeeemmmmmmm</td>
                </tr>
                <tfoot font-siae="10px" color="#333">我是懂时间安排的hhhhhh</tfoot>
            </table>
            <h1>广告时间</h1>
            <p color="red">又到了脐橙的季节，老家的脐橙很诱人</p>
            <div id="top">
              <p><img src="2.jpg" alt="">新鲜脐橙采摘图</p>
              <p><img src="3.jpg" alt="">快来找我买hhhhhhh</p>
            </div>
        </main>
        <footer>到这里就结束啦</footer>
    </body>
</html>